<template>
  <div>
    <div class="num1">
    <img @click="btn(sr.title)" :src='sr.im'
 alt="">
   <span>{{sr.title}}</span>
</div>
  </div>
</template>

<script>
export default {
  methods:{
    btn(a){
      this.$emit('change',a)
    }
  },
props:['sr']
}
</script>

<style>
  
    *{
        margin: 0;
        padding: 0;
    }
    .num1{
        width: 300px;
        height: 230px;
        border: solid 1px;
    }
 img{
    width: 300px;
    height: 190px;
 }
</style>